<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>东方购物</title>
	<meta name="keywords" content="东方电视购物,积分,全国免费配送,全国免费退换,部分商品当天配送,MB,MARIE BONNE,GENIA,时装周,上海时装周,双十一、11.11、双11、5折、半价、第二件半价、加价购" />
	<meta name="description" content="全国免费配送，全国免费退换，促销，团购，部分商品当天配送，周末暴杀，今日特卖 。" />
<link rel="stylesheet" type="text/css" href="../css/reset.css">
<link rel="stylesheet" type="text/css" href="../css/login.css">
</head>
<body>
	<!-- 头部 -->
	<div class='header'>
		<div class='top'>
			<div class="wrapper">
				<div class="top-left">
					<span calss="top-welcome">欢迎光临 OCJ.COM.CN</span>
					<span><a href="login.html">登录</a></span>
					<span><a href="registor.html">注册</a></span>
					<span>送货至:</span>
				</div>
				<div class="top-right right">
					<div class="my_shop">
						<div>	
							<span class="hiconfont"></span>
							<a href="#">我的购物</a>
							<span class="icon-arr icon-arrow-down8"></span>
						</div>
						<ul>
							<li><a href="#"></a></li>
							<li><a href="#">订单查询</a></li>
							<li><a href="#">积分查询</a></li>
							<li><a href="#">抵用券查询</a></li>
							<li><a href="#">我的收藏</a></li>
							<li><a href="#">修改信息</a></li>
						</ul>
					</div>
					<div>
						<span class="hiconfont"></span>
						<a href="#">顾客中心</a>				
					</div>
					<div>
						<span class="hiconfont"></span>
						<a href="#">移动版</a>					
					</div>
					<div>
						<span class="hiconfont"></span>
						<a href="#">TV版</a>						
					</div>
					<div class="weixin">
						<div>
							<span><img src="http://www.ocj.com.cn/common/webpc/image/common/topimg5.png" alt=""></span>
							<a href="#">微信</a>	
						</div>
						<span class="bg_box"></span>
						<div class="weixin_erweima">
							<p>扫一扫二维码,关注我们</p>
							<img src="https://cdnimg.ocj.com.cn/image_site/shop/conts/8021/6741/9905/11128/1_20170904091940_98.jpg" alt="微信二维码">			
						</div>				
					</div>
				</div>
			</div>	
		</div>
		<div class="buttom">		
			<div class="wrapper clear">
				<h1 class="logo left">
					<a href="index.html"><img src="../img/cplogo0.png" alt="东方购物"></a>
				</h1>	
				<div class="search left">
					<div class="search_bar">
						<form action="" method="get">
							<input type="text" name="search" class="left">
							<button class="left">搜索</button>
						</form>					
					</div>
					<div class="hotbot">
						<ul class="clear">
							<li>
								<a href="http://www.ocj.com.cn/event/G/12573?domain_id=8021_6741_9904_1_11475_WASTE">新潮澎湃</a>
							</li>
							<li>
								<a href="http://www.ocj.com.cn/event/G/9520?domain_id=8021_6741_11361_1_13318_WASTE">健康"本"该这样</a>
			        		</li>
							<li>
								<a href="http://www.ocj.com.cn/event/G/13218?domain_id=8021_6741_11361_1_13318_WASTE">无印良品新品</a>
							</li>
							<li>
								<a href="http://www.ocj.com.cn/event/G/13217?domain_id=8021_6741_11361_1_13318_WASTE">春游美食辑</a>
							</li>
							<li>
								<a href="http://www.ocj.com.cn/event/G/13217?domain_id=8021_6741_11361_1_13318_WASTE">乐在美智</a>
							</li>
						
						</ul>
						<div>
							<span></span>
							<a href="http://www.ocj.com.cn/catalog/rank">排行榜销售</a>
						</div>
					</div>
				</div>
				<div class='left'>
					<a href="#"><img src="https://cdnimg.ocj.com.cn/image_site/shop/conts/8021/6741/9941/11267/1_20180518104258_51.jpg" alt=""></a>	
				</div>
			</div>
		</div>
	</div>
<!-- 登录 -->
	<div class="login clear">
		<div class="wrapper clear">
			<div class="login_banner left">
				<div><img src="https://www.ocj.com.cn/image_site/shop/conts/421/761/1241/1441/1_20180612132248_74.jpg" alt=""></div>
				<div><img src="https://www.ocj.com.cn/image_site/shop/conts/421/761/1241/1441/1_20180612110120_38.jpg" alt=""></div>
				<div><img src="https://www.ocj.com.cn/image_site/shop/conts/421/761/1241/1441/1_20180612110042_33.jpg" alt=""></div>
				<div><img src="https://www.ocj.com.cn/image_site/shop/conts/421/761/1241/1441/1_20180105192935_3.jpg" alt=""></div>
				<ol class="circle_btn">
					<li class="active"></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
			</div>
			<div class="login_box left" >
				<div class="form">
					<div class="username">
						<h4 class="dengluming">登录名</h4><span id="error"></span>
						<input type="text" name="username" id="username" placeholder="请输入手机号码" class="same_style" autocomplete="off">
					</div>
				
					<div class="pass">
						<h4>
							密码
							<a href="#" class="right">忘记密码?</a>
						</h4>
						<input type="password" name="password" id="password" class="same_style" autocomplete="off">
					</div>
					<div class="yzm clear">
						<h4>验证码</h4>
						<div style="height:40px;">
							<input type="text" name="yzm" id='yzm'  class="same_style left" autocomplete="off">
							<div class="xianshi left"><strong class="randnum"></strong><a href="javascript:;" class="aclick right">看不清换一张</a></div>
						</div>
						<p class="xianshi_info"></p>

					</div>
					<div class="login_btn">
						<img src="../img/newlogin.submit.jpg" alt="">
					</div>
					<div class="jizhu">
						<input type="checkbox" checked="checked">记住用户名
						<a href="registor.html" class="right">免费注册</a>
					</div>
					<div class="line">
						<img src="../img/newlogin.line.jpg" alt="">
					</div>
					<div class="other clear">
						<span class="left">其他登录方式:</span>
						<div class="right">
							<a href="#" title="新浪微博">
								<img src="../img/img.weibo.mini.gif" alt="">
							</a>
							<a href="#" title="支付宝">
								<img src="../img/img.alipay.mini.gif" alt="">
							</a>
							<a href="#" title="QQ">
								<img src="../img/Connect_logo_1.png" alt="">
							</a>
							<a href="#" title="微信">
								<img src="../img/WEIXIN.png" alt="">
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- 尾部 -->
	<div class="foot">
		<div class="wrapper">
			<div class="foot_top clear">
				<div class="meau left" >
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">订购指南</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
							<li><a href="#">发票指南</a></li>
							<li><a href="#">节能补贴</a></li>
						</ul>
					</div>
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">支付配送</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
							<li><a href="#">发票指南</a></li>
							<li><a href="#">节能补贴</a></li>
						</ul>
					</div>
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">顾客中心</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
							<li><a href="#">发票指南</a></li>
							<li><a href="#">节能补贴</a></li>
						</ul>
					</div>
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">会员社区</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
						</ul>
					</div>
					<div class="meau_list"> 
						<h4></h4>
						<ul>
							<li class="title">特色服务</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
							<li><a href="#">交换/退货</a></li>
							<li><a href="#">发票指南</a></li>
							<li><a href="#">节能补贴</a></li>
						</ul>
					</div>
					<div class="meau_list left"> 
						<h4></h4>
						<ul>
							<li class="title">商家合作</li>
							<li><a href="#">会员注册</a></li>
							<li><a href="#">订购方式</a></li>
						</ul>
					</div>
				</div>
				<div class="gonggao">
					<div class="notice_title">
						<h4>公告事项</h4>
						<div>
							<a href="#">节目状况</a>
						</div>
						<p class="more">更多</p>
					</div>
					<div class="notice_pic"><a href="#"><img src="../img/1_20150814190801_94.jpg" alt=""></a></div>
					<div class="notice_pic"><a href="#"><img src="../img/1_20150814190832_60.jpg" alt=""></a></div>
				</div>
			</div>
			<div class="foot_bot">
				<img src="../img/foot-bg.png" alt="">
			</div>
		</div>
	</div>
	<script type="text/javascript" src="../script/lib/jquery.min.js"></script>
	<script type="text/javascript" src="../script/js/loginbanner.js"></script>
	<script type="text/javascript" src="../script/js/denglu.js"></script>
	<script type="text/javascript" src="../script/js/login.js"></script>
</body>
</html>